<template>
  <div>
    <a :href="url">百度一下</a>
  </div>
</template>

<script setup>
  import {ref} from "vue"
    // 指令
    // 1.概念：作用在标签上，vue的特殊语法
    // 2.作用：增强标签渲染数据的能力
    // 3.分类
      // 2.属性绑定指令: 把表达式的值与标签属性动态绑定
      // v-bind:属性 = "表达式" 简写-:属性 = "表达式"
  let url = ref("http://www.baidu.com")
      // 3.事件绑定指令: 用于标签进行事件绑定,处理用户交互
      // 4.条件渲染指令: 根据表达式的结果为true/false决定是否展示
      // 5.列表渲染指令: 基于数组循环生成一套列表
      // 6.双向绑定指令: 数据<->视图(数据与视图相互影响)
</script>

<style scoped>

</style>